<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="img/icon.png">
    <title>关于我们</title>
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/about.css">
</head>
<body>
    <div id="main">
        <!--页面头部-->
        <div id="header">
            <!--顶部栏-->
            <div id="top">
                <!--logo图-->
                <div id="logo"><!--<img src="" alt="">--><a href="index.html">第一游戏</a></div>
                <div id="menu">
                    <ul>
                        <li><a href="" class="checked">首页</a></li>
                        <li><a href="">射击</a></li>
                        <li><a href="">动作冒险</a></li>
                        <li><a href="">体育</a></li>
                        <li><a href="">手游</a></li>
                    </ul>
                </div>
                <div id="search">
                    <form action="">
                        <input type="text" placeholder="搜索游戏"><button><img src="./img/搜索.png" alt=""></button>
                    </form>
                    
                </div>
            </div>
            <!--/顶部栏-->
        </div>
        <!--/页面头部-->
        <!--页面主体-->
        <!--在此处修改主体内容样式-->
        <div id="content">
            <div id="left">
                <h2>网站相关</h2>
                <ul>
                    <li><a href="" class="checked">关于本站</a></li>
                    <li><a href="">网站地图</a></li>
                </ul>
                <h2>游戏网站</h2>
                <ul>
                    <li><a href="">育碧游戏</a></li>
                    <li><a href="">腾讯游戏</a></li>
                    <li><a href="">4399小游戏</a></li>
                    <li><a href="">3DMGAME</a></li>
                </ul>
            </div>
            <div id="middle">
                <h2>关于本站</h2>
                <span>第一游戏</span>
                <h3>网站类型<small>（游戏平台网站）</small></h3>
                <p>主要实现为游戏的推荐和购买页面</p>
                <h4>一：首页（魏志文）可参考3dm 育碧中国</h4>
                <p>四大游戏类型，四大游戏类型的（下载或购买）排行榜TOP10，还可以添加四大类型的推荐。四大类型即将要发布的新作推荐，最新的游戏资讯栏或者游戏赛事的动态，剩下的内容可以酌情添加。
                </p>
                <h4>
                    二：负责四个模块（杨光 张攀 赵思瑞 田飞）</h4>
                <p>射击类（绝地求生 使命召唤系列 彩虹六号等）；动作冒险类（古墓丽影系列、刺客信条系列 鬼泣系列等）；体育类（NBA2K FIFA、极品飞车系列等）；手游类或者休闲益智类（王者荣耀 第五人格 ）。
                </p>
                <h4>
                    三：四个模块主要实现两个页面</h4>
                <p>1：该类型游戏的推荐页面（推荐页面可以推荐三个游戏的大图 大图旁要有 游戏评分 游戏名 发行厂商 发行时间，剩下其他游戏就可以以小图或者文字的样式呈现）。2：游戏的购买页面（就做一个游戏的购买页面 可以参考 3dm 育碧商城 淘宝 等购物页面）。
                </p>
                <h4>注意：</h4>
                <p>购物页面大家保持一致<br>字体大小：16px<br>
                    背景：白色
                </p>
            </div>
            <div id="right">
                <h2>相关账号</h2>
                <img src="img/编程之路公众号.jpg" alt="">
                <p>和我一起学编程！</p>
                <img src="img/豆瓣搜书.jpg" alt="">
                <p>Search Before You Buy!</p>
            </div>
        </div>
        <!--/页面主体-->
        <!--页面底部-->
        <div id="footer">
            <div id="about">
                <div class="link">
                    <p>网站相关</p>
                    <ul>
                        <li><a href="">关于本站</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                </div>
                <div class="link">
                    <p>游戏网站</p>
                    <ul>
                        <li><a href="">育碧游戏</a></li>
                        <li><a href="">腾讯游戏</a></li>
                        <li><a href="">4399小游戏</a></li>
                        <li><a href="">3DMGAME</a></li>
                    </ul>
                </div>
                <div class="link">
                    <p>关于我们</p>
                    <ul>
                        <li>技术团队：一组</li>
                        <li>组长：杨光</li>
                        <li>组员：赵思瑞、田飞</li>
                        <li>组员：魏志文、张攀</li>
                    </ul>
                </div>
                <div id="weixi">
                    <img src="img/编程心路.jpg" alt="编程心路">
                    <p>微信公众号：编程心路</p>
                </div>
            </div>
            <p>Copyright©2018 Python班一组  豫ICP备17024773号-1</p>
        </div>
        <!--/页面底部-->
    </div>
</body>
</html>
<!--射击类游戏-->